body,html,ul,div,p,li,img,span,iframe{padding:0;margin:0;font-family: '微软雅黑';font-size: 14px;color: #333}
a{text-decoration: none;color: #333}
li{list-style: none}
input{border: #ddd solid 1px;border-radius: 4px;font-style: 14px;padding:4px;font-family: '微软雅黑';}
body,html{height: 100%;}
.warpBg{box-sizing: border-box;padding-top: 60px;border-bottom: #ddd solid 1px;height: 100%}
.header{width:100%;height:60px;line-height:60px;background:#0088A8;position: absolute;top: 0;text-align: center;font-size: 20px;}
.header .title{color: #fff;font-size: 20px;}
.header span{position: absolute;right: 20px;top: 0px;cursor: pointer;color: #fff}
.header span i{width: 30px;height: 60px;display: inline-block;background: url('../images/logo.png') 50% no-repeat;background-size: 100%;float: left;margin-right: 6px;}

.main{height: 99.7%}
.mainLeft{width: 200px;border-right: #ddd solid 1px;float: left;background: #f8f8f8;height: 100%}
.mainRight{margin-left: 204px;height: 100%}

.mainItim p{padding-left: 10px;font-size: 15px;margin-bottom: 2px;border-bottom: #ddd solid 1px;background: #ccc;line-height: 30px;}
.mainItim ul li{padding-left: 20px;font-size: 13px;line-height: 22px;}
.mainItim ul li a{color: #333}
.mainItim ul li a:hover{color: #C80000}
.mainItim ul li.active a{color: #C80000}
.mainItim ul{padding: 4px 0 10px 0;}

.iframe{width: 100%;height: 100%;border: none;box-sizing: border-box;padding: 10px;}

.login{position: absolute;width: 100%;height: 100%;top: 0;left: 0}
.loginBg{width: 100%;height: 100%;position:absolute;top: 0;left: 0;background: rgba(0,0,0,0.6);z-index: 1}
.loginInfo{width: 260px;height: 160px;padding: 20px;background: #fff;position: relative;z-index: 2;margin: auto;margin-top: 10%}
.loginInfo input{width: 240px;height: 30px;border: #ddd solid 1px;padding: 4px 10px;margin-bottom: 20px;}
.loginInfo button{width: 262px;height: 36px;}

.click{width: 10%;cursor: pointer;}

input{border: #ddd solid 1px;}
input.sol{width: 120px;}
input.mel{width: 240px;}
input.log{width: 480px;}
select{height: 30px;border: #ddd solid 1px;}
textarea{width: 500px;height: 100px;border: #ddd solid 1px;padding: 10px;}

.mt20{margin-top: 20px;}
.none{width: 0px !important;height: 0px !important;overflow: hidden;}
.li{margin-bottom: 10px;}
.li span{padding-right: 10px;}

/*商品列表*/
.prcList{border: #ddd solid 1px;}
.prcList ul li{border-bottom: #ddd solid 1px;line-height: 30px;overflow: hidden;}
.prcList ul li.top{background: #f2f2f2;}
.prcList ul li span{display: inline-block;height: 30px;float: left;text-align: center;box-sizing: border-box;border-right: #ddd solid 1px;}
.prcList ul li .id{width: 10%;}
.prcList ul li .name{width: 30%;}
.prcList ul li .logo{width: 15%;}
.prcList ul li .logo img{height: 100%}
.prcList ul li .prices{width: 10%;}
.prcList ul li .number{width: 10%;}
.prcList ul li .type{width: 15%;}
.prcList ul li .click{width: 10%;}
#text{float: left;width: 700px;position: absolute;margin-left: 20px;}

/*输入框样式*/
.info .close{width:140px ;height: 30px;margin-left: 20px;margin-top: 20px;}
.text{padding-left: 110px;position:relative;}
.text span{position: absolute;margin-left: -70px;}

/*类型列表*/
.prcClass{border: #ddd solid 1px;}
.prcClass ul li{border-bottom: #ddd solid 1px;line-height: 30px;overflow: hidden;}
.prcClass ul li.top{background: #f2f2f2;}
.prcClass ul li span{display: inline-block;height: 30px;float: left;text-align: center;box-sizing: border-box;border-right: #ddd solid 1px;}
.prcClass ul li .id{width: 15%;}
.prcClass ul li .name{width: 30%;}
.prcClass ul li .status{width: 20%;}
.prcClass ul li .sort{width: 20%;}
.prcClass ul li .click{width: 15%;}

.revise{border:#ddd solid 1px;padding: 20px;margin-top: 40px;}

/*优惠卷列表*/
.cardList{border: #ddd solid 1px;}
.cardList ul li{border-bottom: #ddd solid 1px;line-height: 30px;overflow: hidden;}
.cardList ul li.top{background: #f2f2f2;}
.cardList ul li span{display: inline-block;height: 30px;float: left;text-align: center;box-sizing: border-box;border-right: #ddd solid 1px;}
.cardList ul li .id{width: 10%;}
.cardList ul li .name{width: 15%;}
.cardList ul li .count{width: 10%;}
.cardList ul li .price{width: 10%;}
.cardList ul li .content{width: 15%;}
.cardList ul li .status{width: 10%;}
.cardList ul li .start{width: 10%;}
.cardList ul li .end{width: 10%;}
.cardList ul li .click{width: 10%;}



.peopleList{border: #ddd solid 1px;}
.peopleList ul li{border-bottom: #ddd solid 1px;line-height: 30px;overflow: hidden;}
.peopleList ul li.top{background: #f2f2f2;}
.peopleList ul li span{display: inline-block;height: 30px;float: left;text-align: center;box-sizing: border-box;border-right: #ddd solid 1px;}
.peopleList ul li .id{width: 10%;}
.peopleList ul li .name{width: 15%;}
.peopleList ul li .gender{width: 15%;}
.peopleList ul li .count{width: 15%;}
.peopleList ul li .last_login{width: 15%;}
.peopleList ul li .last_ip{width: 15%;}
.peopleList ul li .mobile{width: 15%;}

/*广告列表*/
.banner{border: #ddd solid 1px;}
.banner img{width: 30px;height: 30px;margin: auto;}
.banner ul li{border-bottom: #ddd solid 1px;line-height: 30px;overflow: hidden;}
.banner ul li.top{background: #f2f2f2;}
.banner ul li span{display: inline-block;height: 30px;float: left;text-align: center;box-sizing: border-box;border-right: #ddd solid 1px;}
.banner ul li .id{width: 10%;}
.banner ul li .name{width: 15%;}
.banner ul li .logo{width: 15%;}
.banner ul li .title{width: 15%;}
.banner ul li .url{width: 15%;}
.banner ul li .texta{width: 15%;}
.banner ul li .click{width: 15%;}


/*订单列表*/
.order{border: #ddd solid 1px;}
.order ul li{border-bottom: #ddd solid 1px;line-height: 30px;overflow: hidden;}
.order ul li.top{background: #f2f2f2;}
.order ul li span{display: inline-block;height: 30px;float: left;text-align: center;box-sizing: border-box;border-right: #ddd solid 1px;}
.order ul li .id{width: 5%;}
.order ul li .num{width: 30%;}
.order ul li .name{width: 10%;}
.order ul li .tel{width: 10%;}
.order ul li .time{width: 25%;}
.order ul li .start{width: 10%;}
.order ul li .click{width: 10%;}

/*订单列表*/
.luck{border: #ddd solid 1px;}
.luck ul li{border-bottom: #ddd solid 1px;line-height: 30px;overflow: hidden;}
.luck ul li.top{background: #f2f2f2;}
.luck ul li span{display: inline-block;height: 30px;float: left;text-align: center;box-sizing: border-box;border-right: #ddd solid 1px;}
.luck ul li .id{width: 10%;}
.luck ul li .name{width: 20%;}
.luck ul li .logo{width: 20%;}
.luck ul li .prices{width: 20%;}
.luck ul li .number{width: 20%;}
.luck ul li .click{width: 10%;}

table{border-collapse:collapse;border-spacing:0;}
.table{border: #ddd solid 1px;width: 100%;text-align: center;}
.table td{border-right: #ddd solid 1px;font-weight: 100;border-bottom: #ddd solid 1px;padding: 5px;}
.table td.left{text-align: left}


/*添加商品输入框样式*/
.inputList p{overflow: hidden;margin-bottom: 10px;}
.inputList p span{width:100px;float: left;text-align: right;padding-right: 10px;line-height: 29px;}
.inputList select{height: 30px;border: #ddd solid 1px;}
.inputList button{width:140px ;height: 30px;margin-left: 110px;margin-top: 20px;cursor: pointer;}
.inputList input[type=file]{width: 170px;}
.inputList img.t2{max-width: 120px;max-height: 120px;}
.inputList img{max-width: 120px;max-height: 120px;}
.inputList .none{opacity: 0;height: 1px;padding: 0}
.ml110{margin-left: 110px;}

/*首页*/
.indexList ul li{width:300px;height: 120px;display: inline-block;margin: 15px;color: #fff;font-size: 28px;position: relative;line-height: 110px;text-align: center;overflow: hidden;cursor: pointer;}
.indexList ul li span{color: #fff;font-size: 14px;position: absolute;left: 10px;bottom: 10px;line-height: 18px;}
.indexList ul li:hover{font-size: 36px;}
.indexList .colorA{background:#f37b53}
.indexList .colorB{background:#ffb400}
.indexList .colorC{background:#74b749}
.indexList .colorD{background:#de577b}
.indexList .colorE{background:#847cc5}
.indexList .colorF{background:#61b9ff}
.indexList .colorG{background:#00a489}

/*加载中*/
.loading{width: 100%;height: 100%;position: fixed;top: 0;left: 0;text-align: center;display: none;z-index: 999;background:rgba(0,0,0,0.2);}
.loadImg{width: 40px;height: 40px;background: url('../images/load.png');background-size: 100%;display: block;animation: load 1s linear infinite;position: absolute;left: 50%;top: 50%;margin-left: -20px;margin-top: -20px;}

@keyframes load
{
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}


